.container {
  width: 1400px;
  margin: 0 auto;
}
.info-item {
  padding: 30px 30px 24px 30px;
  background: #1f2025;
  margin-bottom: 10px;
  display: flex;
  .pic {
    width: 90px;
    height: 90px;
    margin-right: 20px;
  }
  .info {
    flex: 1;
  }
  .name {
    width: 100%;
    height: 22px;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 14px;
    position: relative;
    .icon {
      font-size: 18px;
      color: #8a8e99;
      margin-left: 12px;
      cursor: pointer;
    }
    .iconf {
      font-size: 18px;
      color: #8a8e99;
      margin-left: 12px;
      cursor: pointer;
    }
    .operation {
      line-height: 32px;
      display: flex;
      .linkSetDetail {
        font-size: 14px;
        color: #cc7029;
        margin-right: 20px;
        cursor: pointer;
      }
      .btn {
        width: 70px;
        height: 32px;
        background: #cc7029;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
        margin-left: 10px;
        text-decoration: none;
      }
    }
  }
  .time {
    font-size: 14px;
    color: #8a8e99;
    line-height: 16px;
    margin-bottom: 14px;
    span {
      margin-right: 10px;
    }
  }
  .txt {
    font-size: 14px;
    color: #b8becc;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .label {
    display: flex;
    overflow-x: hidden;
    &-list {
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      max-width: 680px;
      width: auto;
      &.overf {
        height: 30px;
        overflow-y: hidden;
      }
      span {
        height: 28px;
        line-height: 28px;
        padding: 0 8px;
        font-size: 12px;
        color: #828999;
        background: #2e323b;
        margin-right: 10px;
        margin-bottom: 12px;
      }
    }
    &-set {
      flex-shrink: 0;
      width: 110px;
      height: 28px;
      display: flex;
      line-height: 28px;
      align-items: center;
      .icon {
        font-size: 18px;
        color: #8a8e99;
        margin-left: 12px;
        cursor: pointer;
      }
      .iconf {
        font-size: 18px;
        color: #8a8e99;
        margin-left: 12px;
        cursor: pointer;
      }
    }
    .more {
      font-size: 12px;
      color: #8a8e99;
      cursor: pointer;
      margin-left: 10px;
      &:hover {
        color: #fff;
      }
      .jt {
        transform: rotate(90deg);
        &.rot {
          transform: rotate(-90deg);
        }
      }
    }
  }
}
.tab {
  display: flex;
  padding-left: 20px;
  li {
    font-size: 14px;
    color: #8a8e99;
    margin-right: 48px;
    line-height: 52px;
    cursor: pointer;
    &.active {
      font-size: 16px;
      color: #cc7029;
      font-weight: 700;
    }
  }
}
.child-tab {
  width: 100%;
  height: 50px;
  background: #1f2025;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 10px;
  li {
    width: 86px;
    height: 34px;
    border: 1px solid #cc7029;
    border-left: none;
    text-align: center;
    box-sizing: border-box;
    background: transparent;
    line-height: 34px;
    font-size: 12px;
    color: #b8becc;
    cursor: pointer;
    &:first-child {
      border-left: 1px solid #cc7029;
    }
    &.active {
      background: #cc7029;
      font-size: 14px;
      color: #fff;
    }
  }
}
.cont-body {
  display: flex;
  padding-bottom: 30px;
  .body-left {
    width: 940px;
    margin-right: 20px;
    .icon-box{
      width:120px;
      flex-shrink: 0;
      .iconf{
        padding:0 2px;
        margin:0 2px;
        cursor: pointer;
      }
    }
    .basic-info {
      padding: 20px 30px;
      background: #1f2025;
      margin-bottom: 10px;
      .txt {
        font-size: 14px;
        color: #b8becc;
        line-height: 20px;
        margin-bottom: 18px;
      }
      .basic-ul {
        display: flex;
        flex-wrap: wrap;
        max-height: 300px;
        overflow: hidden;
        box-sizing: border-box;
        border-left: 1px solid #24282e;
        border-top: 1px solid #24282e;
        &.no {
          max-height: 20000px;
        }
        li {
          width: 50%;
          height: 50px;
          box-sizing: border-box;
          border-right: 1px solid #24282e;
          border-bottom: 1px solid #24282e;
          font-size: 14px;
          color: #b8becc;
          line-height: 50px;
          display: flex;
          .s1 {
            width: 120px;
            background: #222329;
            text-align: center;
            margin-right: 20px;
            flex-shrink: 0;
          }
          .p1 {
            flex: 1;
            flex-shrink: 0;
            height: 50px;
          }
          .p2 {
            height: 50px;
            padding-right:10px;
          }
        }
      }
      .more {
        text-align: center;
      }
    }
    .info-box {
      padding: 0 20px;
      background: #1f2025;
      margin-bottom: 10px;
      .tit {
        line-height: 58px;
        font-size: 18px;
        color: #eee;
        font-weight: 700;
      }
      ul {
        border-left: 1px solid #24282e;
        border-top: 1px solid #24282e;
      }
      li {
        height: 50px;
        border-bottom: 1px solid #24282e;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        font-size: 14px;
        color: #b8becc;
        line-height: 50px;
        text-align: center;
        &:first-child {
          background: #222329;
        }
        .p1 {
          flex: 1;
          border-right: 1px solid #24282e;
        }
        .p2 {
          height: 50px;
        }
        .set{
          width:120px;
          text-align:Center;
          flex-shrink: 0;
        }
      }
      .act-ul {
        li {
          &:first-child {
            .p1 {
              &:last-of-type {
                line-height: 50px;
              }
            }
          }
          .p1 {
            flex: 1;
            flex-shrink: 0;
            &:last-of-type {
              flex: 2;
              padding: 0 10px;
              line-height: 24px;
              height: 50px;
            }
          }
        }
      }
      .pagination {
        text-align: right;
        padding: 10px 0;
      }
    }
  }
  .body-right {
    width: 440px;
    &-ul {
      padding: 0 20px 8px;
      background: #1f2025;
      overflow-y: auto;
      max-height: 560px;
      margin-bottom: 10px;
      .tit-li {
        display: flex;
        justify-content: space-between;
        padding: 15px 0 20px;
        position: sticky;
        top: 0;
        background: #1f2025;
        .tit {
          font-size: 18px;
          color: #eee;
          font-weight: 700;
        }
        .addTwitter /deep/ {
          width: 100px;
          height: 28px;
          background: #cc7029;
          border-radius: 2px;
          padding: 0;
          border: none;
          i {
            font-weight: 700;
          }
        }
      }
      .item {
        .txt {
          font-size: 14px;
          color: #b8becc;
          line-height: 22px;
        }
        margin-bottom: 20px;
      }
      .user {
        display: flex;
        margin-bottom: 10px;
        img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          margin-right: 10px;
          flex-shrink: 0;
          &.no-radius {
            border-radius: 0;
          }
        }
        div {
          flex: 1;
          overflow: hidden;
          p {
            font-size: 16px;
            color: #eee;
            line-height: 18px;
            margin-bottom: 10px;
          }
          span {
            display: block;
            width: 80px;
            height: 26px;
            text-align: center;
            line-height: 26px;
            font-size: 12px;
            color: #828899;
            background: #2e323b;
          }
        }
        .d1 {
          display: flex;
          justify-content: space-between;
          margin-bottom: 5px;
        }
        .guanlian {
          border-color: #cc7029;
          background: transparent;
          height: 28px;
          text-align: center;
          line-height: 28px;
          font-size: 12px;
          color: #cc7029;
          padding: 0 10px;
          &:active{
            background:#cc7029;
            color:#fff;
          }
        }
      }
    }
  }
}
.body-left {
  .item-ul {
    background: #1f2025;
    padding: 0 20px;
    li {
      padding: 25px 0 25px;
    }
    .info-item {
      background: #1f2025;
      margin-bottom: 0;
      border-bottom: 1px solid #24282e;
      .name {
        display: flex;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 6px;
        .iconf {
          color: #565866;
          &:hover {
            color: #fff;
          }
        }
        .num{
          background:#2E323B;
          line-height:26px;
          font-size:12px;
          color:#828899;
          padding:0 7px;
        }
      }
      .label-list {
        span {
          margin-bottom: 0;
        }
      }
      .href{
        font-size:14px;
        color:#6C7280
      }
    }
  }
  .pagination {
    padding: 20px 0;
    background: #1f2025;
    text-align: center;
  }
}
.body-right {
  .chart-box {
    width:440px;
    padding: 20px;
    box-sizing: border-box;
    background: #1f2025;
    margin-bottom: 10px;
  }
}